$color1: #1890ff;
$color2: #fcfcfc;
$color3: #ff4938;
$color4: #191f25;
$color5: #888;
$color6: #999;
$color7: #e6edfa;
$color8: #f6f8fa;
$color9: #f6f6f6;
$color10: #e5e9f0;
$color11: #e5ecf9;
$color12: #f4f5f9;
$color13: #f6f6f6;
$color14: #36b1ec;
$color15: #f4f6fb;
$color16: #f8f8f8;
$color17: #f1f4f8;
$color18: #f1f2f3;
$color19: #a9a9a9;
$color20: #868686;
$color21: #36b1ec;
$color22: #1890ff;
$color23: #1e8df5;
$color24: #f6f6f6;
$color25: #f25643;
$color26: #ff943e;
$color27: #ff4d4f;
$color28: #f2f2f6;
$color29: #ffffff;
$color30: #e8f4ff;
$color31: #3774ac;
$color32: #00b042;
$color33: #dbf4e4;
$color34: #333;
$color35: #ffefe3;
$border: #f0f0f0;
$lineWidth: 2px; /* 分割线粗细*/
$disabled: #cadcfc;
$placeholder: #ccc;
$padding: 24px;
$margin: 30px;
$rowPadding: 32px;
$bj1: #f4f5f6;
/*新增字体大小和颜色*/
$fonttit: 30px;
$fonttxt: 28px;
$fontColortit: #191f25;
$fontColortxt: #888888;
$font11: 22px;
$font12: 24px;
$font13: 26px;
$font14: 28px;
$font15: 30px;
$font16: 32px;
$font17: 34px;
$font18: 36px;
$font19: 38px;
$font20: 40px;

// 自动转换之后添加的字体大小
$font40: 40px;
$font32: 32px;
$font24: 24px;
$font22: 22px;
$font18: 18px;
$defaultColor: #1890ff;
$textColor: #191f25;
$errorColor: #ff4d4f;
$warningColor: #ff943e;
$bgColor: #f2f2f6;

// 应用图标
.app-index-con {
  width: 54px;
  height: 54px;
}
.tabbar-list-icon {
  width: 44px;
  height: 44px;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: $placeholder;
  // font-size: .16rem;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: $placeholder;
  // font-size: .16rem;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: $placeholder;
  // font-size: .16rem;
}

/*公共class部分*/

/*字号15  颜色#191F25 通用标题1*/
.publicTit {
  font-size: $fonttit;
  color: $fontColortit;
}
/*字号14  颜色#888888 通用标题2*/
.publicTxt {
  font-size: $fonttxt;
  color: $fontColortxt;
}

/*详情*/
.DetailTit {
  font-size: $fonttit;
  color: $fontColortit;
}
.DetailTxt {
  font-size: $fonttxt;
  color: $fontColortxt;
}

/*列表  字号14  颜色#191F25  */
.ListTit {
  font-size: $fonttxt;
  color: $fontColortit;
}
/*列表  字号13  颜色#888888  */
.ListTxt {
  font-size: $font13;
  color: $fontColortxt;
}
/*表单*/
.FormTit {
  font-size: $fonttit;
  color: $fontColortit;
}
.FormTxt input::-webkit-input-placeholder {
  font-size: $fonttit !important;
  color: $fontColortxt !important;
}
.FormTxt textarea::-webkit-input-placeholder {
  font-size: $fonttit !important;
  color: $fontColortxt !important;
}
// 表单底部提交按钮
.submit-btn-box {
  padding: 12px 20px;
  width: 100%;
  background: $color29;
  position: fixed;
  bottom: 0;
  /deep/.van-button .van-button--info .van-button--normal {
    width: 100% !important;
    height: 76px !important;
    background: $color22 !important;
  }
}
/*附件-文件名*/
.FileDictText {
  font-size: $font14;
  color: $color22;
  width: 500px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*tab*/
// 列表图片样式：宽高为32
.listPng {
  width: 32px;
  height: 32px;
}
.goNext {
  width: 12px;
  height: 18px;
}
.warp {
  background-color: $color28;
  padding-top: 20px;
  height: calc(100vh - 200px);
  overflow: scroll;
}
.label {
  font-size: $font15 !important;
  color: $fontColortit;
}
.label-required {
  color: #f25643;
  padding-right: 1px;
}

.label {
  padding: 0px 32px;
  padding-top: 14px;
  padding-bottom: -10px;
  color: $fontColortit;
  font-weight: 400;
}
.required {
  span {
    position: relative;
  }
  span::after {
    display: block;
    position: absolute;
    content: "*";
    left: -8px;
    color: red;
  }
}

.field-line {
  box-sizing: border-box;
  padding-right: 32px;
}
.FormTit {
  font-size: $fonttit;
  color: $fontColortit;
}

.wrap-apply {
  .van-field__control--right {
    // text-align: left !important;
  }
  p {
    margin-bottom: 0;
  }
}
.btn-text {
  font-size: 28px;
  color: #1890ff;
}
.addBtnBox {
  font-size: 32px;
  color: #1890ff;
  box-sizing: border-box;
  padding: 32px 0;
  text-align: center;
}
.goodTitleBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 32px;
  padding-right: 32px;
}
.buleDelete {
  width: 32px;
  height: 32px;
  position: relative;
  top: 12px;
}
/deep/.van-icon {
  border-radius: 4px;
}
.filedClear {
  width: 32px;
  height: 32px;
}
.tab-wrap-ano {
  width: 33%;
  min-width: 230px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex: none;
}
.tab-wrap-ano-detail {
  width: 25%;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: none;
}
